// loading animation
.loading-animation {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background-color: #fff;
	opacity: 0.5;
	display: none;
}

.loading-animation.show {
	display: block;
}

.loading-animation.loading-animation-content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150px;
	height: 150px;
	margin-top: -75px;
	margin-left: -75px;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0;
	animation: loading-animation-content 1.5s ease-in-out infinite;
}

.loading-animation.loading-animation-content::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	border-radius: 50%;
	background-color: #fff;
}

.loading-animation.loading-animation-content::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	border-radius: 50%;
	background-color: #fff;
}

@keyframes loading-animation-content {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
